<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                template="./../../resources/templates/baseTemplate.xhtml">
    
    
    <ui:define name="content">
        <f:view id="vRoot">
            <p:fieldset legend="Formulário de Inscrição">
                <h:form style="float: left; margin-right: 50px;" id="frmInscricao"> 
                     
                    <h:panelGrid columns="2" cellpadding="1">                        
                        <h:outputText value="Nome* :" />  
                            <p:inputMask value="#{maskController.nome}"                                         
                                         mask=""/>  

                            <h:outputText value="Email:* " />  
                            <p:inputMask value="#{maskController.email}" 
                                         mask=""/>  

                            <h:outputText value="Telefone:* " />  
                            <p:inputMask value="#{maskController.telefone}"   
                                        mask="(99) 9999-9999"/>  

                            <h:outputText value="Formato ID Participante:* " />  
                            <p:inputMask value="#{maskController.idParticipante}"
                                         mask="aa"/>  

                            <h:outputText value="Código do Participante:* " />  
                            <p:inputMask value="#{maskController.codParticipante}"
                                         mask="999.999-99"/>  
                                                     
                            <p:commandButton value="Apagar" type="reset" />                            
                            <p:commandButton value="Cadastrar" update="display" oncomplete="dialog.show()"/>
                            
                        </h:panelGrid>  
                    
                    <p:dialog widgetVar="dialog" modal="true">  
                        <h:panelGrid id="display" columns="2" cellpadding="5">  

                            <h:outputText value="Nome:* " />  
                            <h:outputText value="#{maskController.nome}" />  

                            <h:outputText value="Email:* " />  
                            <h:outputText value="#{maskController.email}" />  

                            <h:outputText value="Telefone:* " />  
                            <h:outputText value="#{maskController.telefone}"/>  

                            <h:outputText value="Formato ID Participante:* " />  
                            <h:outputText value="#{maskController.idParticipante}" />  

                            <h:outputText value="Código do Participante:* " />  
                            <h:outputText value="#{maskController.codParticipante}" />  

                        </h:panelGrid>  
                    </p:dialog>
                </h:form>
                
                <!-- Fim primeiro Formulário-->        

            </p:fieldset>
          </f:view>
    </ui:define>

</ui:composition>

